.px2rem(@name,@px){
    @{name}:@px / 75 * 1rem;
}

*{margin: 0;padding: 0;}
li {list-style: none;}
a {text-decoration: none;}
body,html{width: 100%;}

header{
    .px2rem(height,98);
    width: 100%;
    background: #f8f8f8;
    ul{
        display: flex;
        width: 100%;
        justify-content:space-between;
        align-items: center;
        li{
           .px2rem(font-size,40);
            text-align: center;
            .px2rem(line-height,98);
        }
    }
}

nav{
    .px2rem(height,80);
    .px2rem(border-bottom,2);
    border-bottom:  solid #d2d2d2;
    width: 100%;
    ul{
        display: flex;
        justify-content: center;
        
        li{
            .px2rem(line-height,80);
            flex: 1;
            .px2rem(height,80);
            text-align: center;
            .px2rem(font-size,40);
            .px2rem(border-bottom,2);
            border-bottom:  solid #8ec251;
        }
    }
}

section{
    .ssjg{
        .px2rem(margin-top,15);
        
        span{
            float: left;
        }
        ul{
            .px2rem(border-bottom,2);
            border-bottom:  solid #d2d2d2;
            float: left;
            .px2rem(width,450);
            .px2rem(margin-left,15);
            li{
                .px2rem(margin-top,10);
                .gwc{
                    float: right;
                   
                }
            }
            .cpm,.xj{
                .px2rem(font-size,40);
            }
            .xj{
                color: #e4010d;
            }
            .bq{
                img{
                    .px2rem(width,60);
                }
            }
            .qk{
                .px2rem(font-size,30);
                .pl{
                    .px2rem(border-right,2);
                    border-right:  solid #848689;
                    color: #848689;
                }
                .ys{
                    color: #f23030;
                }
            }
        }
    }
}

